He intentado migrar mi aplicación vue 2 a vue 3 usando la documentación oficial de compilación de migración.

Estoy configurando los archivos como se sugiere. No hay ningún error mientras que la compilación y la construcción también son exitosas. Pero recibo varias advertencias relacionadas con esto en mi consola, ya que estoy usando (@vue/compat).

Según la documentación oficial, reemplacé las propiedades del prototipo vue con app.config.globalProperties en todas partes, pero aún recibo la advertencia en la consola.

Aquí está mi código

 import urSnackbar from "./urSnackbar.vue"; import urGlobalSnackbar from "./urGlobalSnackbar"; import snacbkarEvent from "./snackbarEvents"; export default { install(app){ app.component(urSnackbar.name, urSnackbar); if (this.installed) { return } this.installed = true; const showSnackbar = (params) => { if (typeof params === 'string') { params = { title: '', text: params } } if (typeof params === 'object') { snacbkarEvent.$emit('show-snackbar', params); } }; const addSnackbar = (params) => { if (typeof params === 'string') { params = { title: '', text: params } } if (typeof params === 'object') { snacbkarEvent.$emit('add-snackbar', params); } }; app.config.globalProperties.$showSnackbar = showSnackbar; app.config.globalProperties.$addSnackbar = addSnackbar; } };

Después de actualizar como se documenta en los documentos oficiales, recibo las mismas advertencias en la consola.

Advertencia

1. [Advertencia de Vue]: (obsoleto GLOBAL_EXTEND) Vue.extend() se eliminó en Vue 3. Use defineComponent() en su lugar.

2. [Advertencia de Vue]: (GLOBAL_MOUNT en desuso) La API de arranque de la aplicación global ha cambiado: vm.$mount() y la opción "el" se han eliminado. Utilice createApp(RootComponent).mount() en su lugar.